<template>
	<view class="p-2">
		<scroll-view scroll-x class="scroll-row">
			<view class="scroll-row-item rounded bg-light-secondary mr-2 p-2" style="width: 620rpx;height: 380rpx;"
				v-for="(item,index) in list" :key="index">
				<!-- 第一行 -->
				<view class="d-flex a-center mb-1">
					<image :src="item.userpic" mode="widthFix" style="width: 70rpx;height: 70rpx"
						class="rounded-circle"></image>
					<view class="ml-2">
						<text class="font-md line-h">{{item.username}}</text>
						<text class="d-block font text-light-muted">{{item.create_time}}</text>
					</view>
					<view class="iconfont icon-dianzan text-light-muted font pl-1 ml-auto">
						{{item.goods_num}}
					</view>
				</view>
				<!-- 第二行 -->
				<text class="d-block mb-1 font-md"> {{item.context}} </text>
				<!-- 第三行图片 -->
				<view class="row">
					<view class="span24-8 px-2" v-for="(item1,index1) in item.imgLists" :key="index1">
						<image :src="item1" mode="widthFix" style="height: 115rpx;" class="rounded"></image>
					</view>
				</view>
			</view>
		</scroll-view>
		<view class="d-flex a-center j-center py-2 mt-2 text-primary" hover-class="bg-light-secondary">
			更多样式
			<view class="iconfont icon-you">

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:['list']
	}
</script>

<style>
</style>